body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
margin: 0;
padding: 0;
color: #666;
}
body, button, input, select, textarea {
font: 0 "Microsoft YaHei", "微软雅黑";
}
h1 {
font-size: 18px; /* 18px / 12px = 1.5 */
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
h4, h5, h6 {
font-size: 100%;
}
address, cite, dfn, em, var {
font-style: normal;
} /* å°†æ–œä½“æ‰¶æ£ */
code, kbd, pre, samp, tt {
font-family: "Courier New", Courier, monospace;
} /* 统一ç‰å®½å—体 */
small {
font-size: 12px;
} /* å°äºŽ 12px çš„ä¸æ–‡å¾ˆéš¾é˜…读，让 small æ£å¸¸åŒ– */
/* é‡ç½®åˆ—è¡¨å…ƒç´ */
ul, ol {
list-style: none;
}
/* é‡ç½®æ–‡æœ¬æ ¼å¼å…ƒç´ */
a {
text-decoration: none;
color: #666
}
a:hover {
text-decoration: none;
color: #ed6d00;
}
q:before, q:after {
content: '';
}
.width100 {
width: 100%;
overflow: hidden;
}
.mp0 {
padding: 0 0rem;
overflow: hidden;
}
.mp2 {
padding: 0 0.2rem;
overflow: hidden;
}
.mp5 {
padding: 0 0.5rem;
overflow: hidden;
}
.b1 {
height: 1px;
clear: both;
overflow: hidden;
}
.b10 {
height: 10px;
clear: both;
overflow: hidden;
}
.b20 {
height: 20px;
clear: both;
overflow: hidden;
}
.b40 {
height: 40px;
clear: both;
overflow: hidden;
}
::-webkit-scrollbar {
width: 8px;
height: 5px
}
::-webkit-scrollbar-track {
width: 8px;
background-color: #f9f9f9
}
::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, #ed6d00 70%, #ed6d00 30%);
background-clip: padding-box;
min-height: 100px
}
::-webkit-scrollbar-thumb:hover {
background-color: #555
}
.imgimg{max-width: 100%;}
/*clear*/
.clear {
clear: both;
float: none;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix {
zoom: 1;
}
.bg{background: url("../images/bg.png") repeat;}
.display-pc { display: block; }
.not-display-pc { display: none; }
.flash-move {
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(100px);
transition: all .8s; }
.flash-move.move-on {
opacity: 1;
filter: alpha(opacity=100);
transform: translateY(0);
transition: all .7s; }
.header-area.bgg{background: #fff;}
.header-area.bgg .stiky-logo {
display: inline-block;
}
.header-area.bgg .main-logo {
display: none;
}
.f9f9{background: #f9f9f9;padding-top: 50px;}
.screen{width: 100%; padding: 0 11%; overflow: hidden;}
.wrap{width: 1360px; margin: 0 auto; box-sizing: border-box;}
.sticky-nav {
left: 0;
margin: auto;
position: fixed !important;
top: 0;
width: 100%;
box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
z-index: 9999;
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
transition: .5s !important;
background: #549e28 !important;
}
.sticky-nav .dreamit-header-menu ul li a {
color: #fff;
}
.stiky-logo {
display: none;
}
.sticky-nav .stiky-logo {
display: block;
}
.sticky-nav .main-logo {
display: none;
width: 100%;
}
.header-area {
position: fixed;
width: 100%;
background: none;
z-index: 9999;
transition: all 0.5s;
}
.dreamit-header-logo {
margin: 10px 0 10px 5px;
}
.dreamit-header-menu {
float: right;
}
.dreamit-header-menu ul {
}
.dreamit-header-menu ul li {
display: inline-block;
padding-left: 35px;
padding-right: 35px;
position: relative;
}
.dreamit-header-menu ul li .sub-menu ul li {
margin:0 14px;
}
.dreamit-header-menu ul li a {
line-height: 25px;
display: inline-block;
color: #fff;
font-size: 17px;
font-weight: 500;
transition: .3s;
margin: 35px 0;
}
.dreamit-header-menu ul li a:hover {
color: #ed6d00;
}
.header-button {
width: 100%;height: 100%;
display: inline-block;
}
.dreamit-header-menu ul li .dropdown-menu{min-width: 100px; top: 96%;border-top: 3px solid #ed6d00;}
.dreamit-header-menu ul li .btn-group .dropdown-toggle{font-size: 14px;}
.dreamit-header-menu ul li .btn-group .dropdown-toggle {text-decoration: none;}
.dreamit-header-menu ul li .dropdown-menu a{width: 100%; margin: 2px 0;}
.dreamit-header-menu ul li .dropdown-menu li{width: 100%; margin: 0;}
.header-button a {
font-family:'DoHyeon', sans-serif;
width: 100%; height: 100%;
font-size: 36px;
font-weight: 700;
color: #fff;
background: #ed6d00;
padding: 10px 20px;
display: inline-block;
text-align: center;
transition: .5s;
line-height: 90px;
}
.header-button a:hover {
background: #fff;
color: #213C71;
}
.menu-dg img{vertical-align: middle;}
.dreamit-header-menu ul li.menu-tel a{font-family:'DoHyeon', sans-serif; font-size: 32px;font-weight: bold; color: #ed6d00; margin: 0; padding-right: 15px;vertical-align: middle;}
.menu-tel i{ font-size: 36px;vertical-align: middle;
background: none;
color: #ed6d00;
margin-right: 5px;
}
.dreamit-header-menu ul li .btn-group .btn{font-size: 12px;}
.dreamit-header-menu ul li:last-child{margin-left: 15px;}
.sticky-nav .menu-tel i{background: none;color: #fff; font-size: 32px;}
.menu-wrapper .mr0{margin-right: 0;}
.slider1 {
height: 959px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
}
.daohang{background: #f3f3f3;}
.m-cur{background-color: #f3f3f3;height: 62px;line-height: 62px; overflow: hidden;}
.m-cur .cur .home{float: left;height: 62px;background: url(../images/home-lb.png) no-repeat 0px 26px;margin-right: 8px;padding: 0 0 0 15px;}
.m-cur .cur{float: left;}
.m-cur .cur a{display: inline-block;padding: 0 10px 0 5px;font-size: 15px;color: #000;background: url(../images/ico-lb11.png) no-repeat right center;}
.m-cur .cur span{margin-left: 12px;font-size: 14px;color: #ED6D00;}
.m-cur .cur a:hover{color: #ED6D00;}
.m-cur .cur img{vertical-align: middle; margin-top: -10px;width: 18px;}
.ul-tab-lb1{float: right;}
.ul-tab-lb1 li{float: left;}
.ul-tab-lb1 li a{display: block;padding: 0 16px;font-size: 14px;color: #000;}
.ul-tab-lb1 li a:hover,.ul-tab-lb1 li.on a{background-color: #ED6D00;color: #fff;}
.anlih2{text-align:center;line-height: 45px;font-size: 32px;font-weight: bold; color: #222;margin-bottom: 20px; letter-spacing: 3px;}
.anlih3{text-align:center;line-height: 45px;font-size: 28px;font-weight: 400; color: #242424;margin-bottom: 20px; letter-spacing: 1px;}
.anlixx{width: 100%;overflow: hidden; position: relative;}
.anlixx-a{border: 1px solid #f5f5f5;}
.anlixx p{line-height: 36px; font-size: 15px;color: #333; text-align: center;margin-top: 10px;}
.anlixx .hp_pro_three_content h4{padding: 0 6px;}
.anlixx .hp_pro_three_content h4 a{font-size: 15px;white-space: initial;line-height: 24px;}
.slider_list .owl-dots{text-align: center;
position: absolute;
bottom: 100px;
left: 45%;
}
.slider_list .owl-dots .owl-dot:hover span{background: #ED6D00;}
.slider_list .owl-dots .owl-dot.active span{background: #ED6D00;}
/*æœç´¢*/
.header-area .dreamit-header-menu li.zhongying a{display: inline-block; line-height: 16px; margin-left: 6px; margin-right: 6px; color: #fff;}
.zhongying a:first-child{border-right: 1px solid #d3d3d3;padding-right: 12px;}
.header-area .dreamit-header-menu li.sousuo{width: 18px;height: 18px; margin-left: 0; background: url("../images/sousouon.png")no-repeat; display: block;
float: right;
margin-top: 38px;}
.header-area.sticky-nav .dreamit-header-menu li.sousuo{width: 18px;height: 18px; margin-left: 0; background: url("../images/sousou.png")no-repeat;}
.header-area.bgg .dreamit-header-menu li.sousuo{width: 18px;height: 18px; margin-left: 0; background: url("../images/sousou.png")no-repeat;}
.header-area.bgg .dreamit-header-menu li.zhongying a{color: #666;}
.header-area.sticky-nav .dreamit-header-menu li.zhongying a{color: #666;}
.header-area.sticky-nav .dreamit-header-menu li.sousuo{}
.header-search {
position: absolute;
top: 0;
left: 50%;
width: 700px;
margin-left: -350px;
z-index: 1;
opacity: 0;
transform: translateY(-100%);
transition: opacity .3s, transform .3s;
}
.type-search .header-search {
transform: translateY(0);
opacity: 1;
transition: opacity .3s, transform .3s;
border-bottom: 3px solid #ed6d00;
}
.header-search .form {
padding: 24px 20px;
background-color: #fff;
height: 92px;
}
.header-search .submit {
background: url(../images/sousou.png) no-repeat 50%;
border: none;
outline: none;
padding: 0;
width: 24px;
height: 24px;
background-size: 22px;
cursor: pointer;
margin-top: 15px;
float: left;
}
.header-search .input {
width: calc(100% - 48px);
height: 50px;
border: none;
padding: 0 20px;
font-size: 16px;
outline: none;
color: #333;
float: left;
}
.header-search .main {
position: absolute;
left: 0;
top: 100px;
z-index: 0;
padding: 20px 32px;
width: 100%;
background-color: #fff;
border-top: 1px solid #eee;
transform: scaleY(0);
transform-origin: center top;
opacity: 0;
transition: opacity .3s, transform .3s
}
.header-search .tit {
font-size: 12px;
color: #999;
margin-bottom: 20px
}
.header-search .item {
margin-bottom: 12px
}
.header-search .search-off {
width: 24px;
font-size: 24px;
text-align: center;
line-height: 1;
cursor: pointer;
display: inline-block;
margin-top: 15px;
float: left;
}
.header-search-bg {
position: fixed;
left: 0;
bottom: 0;
z-index: 8;
background-color: #000;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity .6s, visibility .6s;
cursor: pointer
}
.header-search-bg.show {
opacity: .5;
visibility: visible
}
.type-search .dreamit-header-menu{opacity: 0;}
.rongyuimg img{max-width:100%;}
.main {
margin: 70px 0 150px 0;
}
.logo-txt::before{
content: "MILITANT";
position: absolute;
top: 17px;
left: 10px;
color: #fff;
font-size: 18px;
text-transform: uppercase;
z-index: 9999;
font-weight: 700;
display: none;
}
.menu-toggle {
color: #fff;
font-size: 22px;
position: absolute;
right: 20px;
top: 17px;
display: none;
cursor: pointer;
}
.mobile-angle-icon{
display: none !important;
}
.header-top-area {
background: #ed6d00;
padding: 9px 0;
}
.dreamit-header-menu-address ul {
list-style: none;
}
.dreamit-header-menu-address ul li {
display: inline-block;
margin-right: 16px;
}
.dreamit-header-menu-address ul li a {
color: #fff;
}
.dreamit-header-menu-address ul li span {
color: #fff;
}
.dreamit-header-menu-address ul li a i {
margin-right: 7px;
}
.dreamit-header-menu-address ul li span i {
margin-right: 7px;
}
.dreamit-header-top-socail {
text-align: right;
}
.dreamit-header-top-socail a {
color: #fff;
display: inline-block;
margin-left: 15px;
}
.sticky-nav {
left: 0;
margin: auto;
position: fixed !important;
top: 0;
width: 100%;
box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
z-index: 9999;
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
transition: .5s !important;
background: #fff!important;
}
.sticky-nav .dreamit-header-menu ul li a {
color: #222;
}
.bgg .dreamit-header-menu ul li a{color: #222;}
.bgg .dreamit-header-menu ul li a:hover{color: #ed6d00;}
.stiky-logo {
display: none;
}
.sticky-nav .stiky-logo {
display: inline-block;
}
.sticky-nav .main-logo {
display: none;
width: 100%;
}
.mobile-menu-social-icon {
display: none;
}
.sticky-nav .header-button a{background: #ed6d00; color: #fff;}
.stiky-logo{margin-top: 16px;}
.hp-product{background: #f9f9f9; padding-top: 100px; padding-bottom: 100px; overflow: hidden;}
.hp-index-tit{}
.hp-index-tit h2{line-height: 60px;}
.hp-index-tit h2 a{font-size: 32px;font-weight: 500; color: #222; letter-spacing: 1px;}
.hp-index-tit h2.bai a{color: #fff;}
.hp-index-tit h4{line-height: 30px;}
.hp-index-tit h4.wten{line-height: 30px; height: 60px; overflow: hidden;}
.hp-index-tit h4.bai{color: #fff;}
.hp-index-titt dl{width: 100%; text-align: center;}
.hp-index-titt dl dd{display: inline-block;margin: 0 10px;}
.hp-index-titt dl dd a{display: block; padding: 8px 8px; font-size: 16px; color: #333; transition: all 0.3s ease;cursor:pointer;}
.hp-index-titt dl dd a:hover{color: #ed6d00;}
.hp-index-titt dl dd.tx_2 a{color: #ed6d00;}
.em_bar {
background: #ed6d00 none repeat scroll 0 0;
height: 3px;
margin: 0 auto 5px;
width: 90px;
}
.em_bar_bg {
height: 5px;
width: 90px;
background: #ed6d00;
margin: 8px auto;
position: relative;
border-radius: 30px;
}
/* Sub Menu Css */
.dreamit-header-menu ul li .sub-menu {
display: none;
background: #fff;
width: 160px;
position: absolute;
left: -11px;
top: 150%;
transition: .5s;
z-index: 22;
overflow: hidden;
visibility: hidden;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
border-top: 3px solid #ed6d00;
padding: 10px 0;
text-align: center;
}
.dreamit-header-menu ul li:hover .sub-menu{
display: block;
top: 100%;
visibility: visible;
}
.dreamit-header-menu ul li .sub-menu ul li {
display: block;
border-bottom: 1px solid #f1f1f1;
padding: 0;
}
.dreamit-header-menu ul li .sub-menu ul li a {
visibility: inherit;
padding: 5px 0px;
transition: .3s;
display: block;
font-size: 15px;
color: #333 !important;
transition: .5s;
margin: 0;
}
.dreamit-header-menu ul li .sub-menu ul li:last-child{ margin: 0 15px;}
.dreamit-header-menu ul li .sub-menu ul li a:hover{
color:#ed6d00 !important;
}
.dreamit-header-menu ul li .sub-menu.sub-chapin{
width: 100%;
position: fixed;
top:95px;left: 0;
}
.sub-chapin .chanpin-d{padding-top: 0px;padding-bottom: 25px;}
.chanpin-dh{float: left;margin: 0 15px; margin-top: 20px; width: 14%;}
.dreamit-header-menu ul li .chanpin-dh h3 a{display: block; font-size: 16px; line-height: 22px;font-weight: 700; margin: 5px 0;}
.dreamit-header-menu ul li .chanpin-dh h3 a:hover{color: #ED6D00;}
.dreamit-header-menu ul li .chanpin-dh .chanpin-cdh{ margin-top: 10px;}
.dreamit-header-menu ul li .chanpin-dh .chanpin-cdh dd{}
.dreamit-header-menu ul li .chanpin-dh .chanpin-cdh dd a{ margin: 5px 0;font-size: 14px; line-height: 18px;}
.dreamit-header-menu ul li .chanpin-dh .chanpin-cdh dd a:hover{color: #ED6D00;}
/* Home Two Css */
.single-middle-address-icon i {
font-size: 30px;
float: left;
color: #ed6d00;
padding-right: 15px;
}
.single-middle-address-content h3 {
color: #565872;
font-size: 15px;
font-weight: 600;
}
.single-middle-address-content a:hover {
color: #333;
}
.single-middle-address-content a {
color: #ed6d00;
transition: .5s;
}
.hp_pro_three {
margin-bottom: 30px;transition: .5s;
}
.hp_pro_three_thumb {
position: relative;
}
.hp_pro_three_thumb img {
width: 100%;
}
.hp_pro_three_icon {
position: absolute;
top: 90%;
right: 0;
left: 0;
text-align: center;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
width: 83%;
background: #AF0069;
margin: 0 30px;
margin: auto;
padding: 12px 0;
transition: .5s;
opacity: 0;
}
.hp_pro_three:hover{box-shadow: 0 10px 30px 3px rgb(217 217 217 / 80%);}
.hp_pro_three:hover .hp_pro_three_icon {
top: 74%;
opacity: 1;
z-index: 1;
color: #fff;
}
.hp_pro_three:hover .hp_pro_three_icon.wten {
top: 70%;
opacity: 1;
z-index: 1;
color: #fff;
}
.hp_pro_three_icon i {
color: #fff;
margin: 0 5px;
}
.hp_pro_three_content {
text-align: center;
padding: 20px 0 20px;
-webkit-transform: translateY(0px);
z-index: 1;
background: #fff;
border-top: 1px solid #e6e6e6;
}
.hp_pro_three_content h4 a{
font-size: 18px;
letter-spacing: 1px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
}
.hp_pro_three_content span a{
display: block;
letter-spacing: 1px;
font-size: 15px;
color: #666;
line-height: 22px;
line-height: 24px;
}
.hp_pro_three_thumb:after{
background: #fff;
width: 0;
height: 3px;
position: absolute;
left: 0;
top: 0;
content: '';
box-sizing: border-box;
}
.hp_pro_three_thumb:hover:after {
width: 100%;
background-color: #ED6D00;
transition: all .5s ease-in-out !important;
}
.hp_pro_three:hover h4 a{color:#fff;}
.hp_pro_three:hover .hp_pro_three_content{ background: #ED6D00;}
.hp-fangan{ padding-top: 100px; padding-bottom: 100px; overflow: hidden;
width: 100%;
position: relative;
overflow: hidden;}
.hp-fangan .w1400 {
width: 92%;
position: static;
max-width: 1200px;
margin: 0 0 0 8%;
}
.hp-case-list {
padding-bottom: 86px;
padding-top: 30px;
}
.hp-fangan .flex-viewport {
overflow: visible !important
}
.hp-fangan .slides{
width: 1800%;
transition-duration: 0.2s;
}
.hp-fangan .slides li {
overflow: hidden;
position: relative;
float: left;
width: 420px ;
margin-right: 25px;
transition:all 0.4s;
}
.hp-fangan .slides li:hover{
width:700px !important;
}
.hp-fangan .slides .con {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: block;
padding: 30px 30px 0;
transition: bottom .3s;
background: #ed6d00ad;
}
.hp-fangan .slides li:hover .con{
bottom: -68%;
}
.hp-fangan .slides .bg {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #fff;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0)
}
.hp-fangan .slides .font-bg {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #000;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
transition-property: opacity;
transition-duration: .3s;
transition-delay: .2s
}
.hp-fangan .slides .tit {
font-size: 18px;
color: #fff;
line-height: 25px;
color: #fff;
font-weight: bold
}
.hp-fangan .slides .en {
font-size: 16px;
color: #fff;
opacity: .6;
filter: alpha(opacity=60);
line-height: 24px;
min-height: 24px;
text-transform : uppercase;
}
.hp-fangan .slides .font {
font-size: 18px;
color: #fff;
line-height: 34px;
margin-top: 18px
}
.hp-fangan .flex-control-nav {
bottom: 20px;
left: 0;
}
.hp-fangan .flex-control-nav li {
margin: 0 2px
}
.hp-fangan .flex-control-nav li a {
width: 8px;
height: 3px;
color: #E3E3E3;
background: #e3e3e3;
transition: background .3s;
box-shadow: none
}
.hp-fangan .flex-control-nav li a:hover,
.hp-fangan .flex-control-nav li a.flex-active {
width: 18px;
height: 3px;
color: #ed6d00;
background: #ed6d00;
box-shadow: none;
}
.hp-case-list .flex-direction-nav a {
opacity: 1;
filter: alpha(opacity=100);
width: 56px;
height: 56px;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-shadow: none;
background-size: 100% !important;
transition: background .3s;
z-index: 1
}
.hp-case-list .flex-direction-nav a:before {
font-size: 0
}
.hp-case .flex-viewport {
overflow: visible !important
}
.hp-case-list .flex-direction-nav .flex-prev {
background: url(../images/a32.png) no-repeat center;
left: 46px
}
.hp-case-list .flex-direction-nav .flex-next {
background: url(../images/a33.png) no-repeat center;
right: -400px
}
@media screen and (max-width:1680px){
.hp-case-list .flex-direction-nav .flex-prev {
left: 16px
}
.hp-case-list .flex-direction-nav .flex-next {
right: 16px
}
.hp-case .w1400{
max-width:1100px;
margin: 0 0 0 4%;
}
}
.hp-case-list .flex-direction-nav .flex-prev:hover {
background: url(../images/a32_h.png) no-repeat center
}
.hp-case-list .flex-direction-nav .flex-next:hover {
background: url(../images/a33_h.png) no-repeat center
}
.hp-case .solution-content {
position: static;
}
.hp-case .flex-control-nav {
left: 0;
}
.hp-case-list .flex-direction-nav a {
top: 65%;
}
.hp-case-list .flex-direction-nav .flex-prev {
left: 10%;
}
.hp-case-list .flex-direction-nav .flex-next {
right: 10%;
}
.hp-news{padding-top: 100px; padding-bottom: 100px; background: url("../images/bg.png") repeat;}
.single_blog {
border: 1px solid #ebebeb;
overflow: hidden;
transition:.5s;
margin-bottom: 20px;
}
.techno_blog_meta{margin-bottom: 5px;}
.single_blog_content{
/* background: #fff;*/
padding: 15px 20px;
text-align: center;
overflow: hidden;
}
.single_blog:hover {
border-color: transparent;
box-shadow:0 5px 30px rgba(217,217,217,0.6);
background: #ED6D00;
color: #fff;
}
.single_blog_content.indexn{padding:42px 20px;height:330px;}
.single_blog:hover .blog_description p{color:#fff; cursor:default;}
.single_blog:hover .blog_page_title a{color: #fff;}
.single_blog:hover .indexn .blog_description p{color:#222; cursor:default;}
.single_blog_thumb{}
.blog_page_title h3 {
font-size: 18px;
transition: .5s;
line-height: 20px;
height: 42px;
overflow: hidden;
}
.blog_page_title a {
color: #242424;
}
.blog_description p{line-height: 30px; height: 123px; font-size: 15px; overflow: hidden;text-align: justify;}
.single_blog_thumb img {
width: 100%;
}
.blog_page_button{
float: right;
border: 1px solid #ED6D00;
border-radius: 5px;
display: inline-block;
}
.blog_page_button a {
background: none;
font-size: 15px;
font-weight: 500;
display: block;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 44;
color: #333;
letter-spacing: 2px;
padding: 6px 15px;
}
.blog_page_button a:before {
background: #ED6D00;
}
.blog_page_button a:before {
background: #ED6D00;
}
.blog_page_button a:before {
position: absolute;
content: "";
top: 0px;
height: 100%;
left: -25%;
width: 0%;
background: #ED6D00;
transform: skew(50deg);
transition-duration: .6s;
z-index: -1;
}
.blog_page_button a:hover{color: #fff;}
.blog_page_button a:hover:before {
width: 180%;
}
.single_blog .single_blog_content.indexn{background:#fff;}
.single_blog .single_blog_content.indexn .blog_page_title{ text-align:left;}
.single_blog:hover .single_blog_content.indexn .blog_page_title a{color:#ED6D00;}
.single_blog:hover .single_blog_content.indexn{color:#666;}
.riqi{font-size: 16px; letter-spacing: 1px; margin-top: 8px;}
.riqi img{vertical-align: inherit; margin-right: 5px;}
.itemm .item{background:#fff; transition:all 0.5s ease;}
.itemm .item01{margin-bottom:20px;}
.item_box{display:block; padding:40px 42px 25px;}
.item_box .t{font-size:20px; color:#242424; transition:all 0.5s ease;}
.item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.item_box .date{color:#9d9d9d; position:relative; font-family:Arial; border-top:1px solid #d8d8d8; transition:all 0.5s ease; margin-top:20px; padding-top:20px;}
.item_box .date .day{font-size:37px; line-height:37px; font-weight:bold;}
.item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.item_box .date .icon{width:32px; height:9px; background:url("../images/jianyou.png") no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}
.itemm .item:hover{box-shadow:0 0 20px rgba(0,0,0,.1)}
.itemm .item:hover .item_box .t{color:#ED6D00}
.itemm .item:hover .item_box .c{color:#ED6D00}
.itemm .item:hover .item_box .date{color:#ED6D00}
.itemm .item:hover .item_box .date .icon{background:url(../images/hjianyou.png) no-repeat center;}
.newTextCon p{text-indent: 35px;}
.newTextCon p img{margin-left:-35px;}
.newTextCon h3{text-indent: 35px;font-size:18px;line-height:26px;}
.hp-news-right{transition: .5s;}
.hp-news-right dl{ display: inline-flex; margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #dfdfdf;padding-bottom: 28px;}
.hp-news-right dl dt{ float: left; text-align: center; width: 100px; line-height: 48px; font: 42px "Microsoft YaHei"; color: #7e7e7e; font-weight: bold; border-right: 1px solid #ccc; padding-right: 12px;}
.hp-news-right dl dt em{ display: block; font: 16px "Microsoft YaHei"; color: #999; line-height: 32px; width: 100px;}
.hp-news-right dl dd{float: left;padding-left: 12px;}
.hp-news-right dl dd h2{ display: inline-block;}
.hp-news-right dl dd h2 a{display: block;font-size: 18px;font-weight: normal;color: #333;font-weight: bold; line-height: 36px; text-decoration: none; overflow: hidden;}
.hp-news-right dl dd p{font-size: 15px;color: #666;line-height: 23.5px;}
.pagination a{display: inline-block;border: 1px solid #ddd; margin-right: 10px; padding: 6px 11px; font-size: 12px;}
.pagination a.page-num-current:hover{color: #fff;}
.pagination span {
background: #fff;
color: #ddd;
}
.pagination span a {
color: #ddd;
}
span.page-num{display: none;}
.page-num-current{background: #ED6D00;color: #fff;border: 1px solid #ED6D00;}
.footer{ border-top: 1px solid #dddddda8;}
.vidbacking-active-body-back{
position: fixed;
z-index: -100;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
background-size: cover;
overflow: hidden;
opacity: 1;
transition: 2s opacity;
transform: translateX(-50%) translateY(-50%);
}
.vidbacking-active-block-back{
position: absolute;
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
z-index: -100;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.vidbacking{
display: none;
}
.vidmask-body-back{
background: url("../images/bg1.png") repeat;
opacity: 0.4;
min-height: 100%;
min-width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -50;
display: block;
}
.vidmask-block-back{
background: url("../images/bg1.png") repeat;
opacity: 1;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 0;
left: 0;
height: auto;
width: auto;
z-index: -50;
display: block;
}
a.main-logo{display: inline-block;margin-top: 16px;}
.dreamit-header-logo a img{max-width: 100%;}
.cp-rongyu{width: 100%;}
.cp-rongyu ul{width: 100%;}
.cp-rongyu ul li{width: 31%;margin: 10px 1%;float: left;}
.cp-rongyu ul li img{max-width: 100%;}
.cp-rongyu ul li p{text-align: center;line-height: 36px; margin-top: 5px;}
.cpboder{border: 1px solid #ededed;}
.cpboder .hp_pro_three_content{border: 1px solid #ededed;}
.leftnav{}
.leftnav a {
display: block;
height: 66px;
position: relative;
line-height: 66px;
padding-left: 15px;
border-left: 6px solid #3e3a39;
overflow: hidden;
font-size: 18px;
}
.leftnav a.on {
font-weight: bold;
border-left: 6px solid #ED6D00;
}
.leftnav a.on:after {
transform: none;
}
.leftnav a:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #eeeeee;
left: 0;
top: 0;
z-index: -1;
transform: translateX(-100%);
transition: all 0.3s ease;
}
.leftnav a:hover:after {
transform: none;
}
.cpshang{padding: 10px 80px 60px 80px; background: #fff; margin-bottom: 30px; box-shadow: 0px 0px 20px #f3f3f3; overflow: hidden;}
.cpjieshao{}
.pinjie-xx-img{width: 405px;}
.cpjieshao h1{font-size: 32px;letter-spacing: 1px;line-height: 46px;margin-top: 85px; margin-bottom: 20px; color: #333;font-weight: bold;}
.pinjie-xx-zy{line-height: 32px;font-size: 15px;text-align: justify;}
.pinjie-xx-lx{margin: 20px 0; padding: 20px 0; overflow: hidden;}
.pinjie-xx-lx .btn{display: inline-block;float: left; background: #fff; border: 1px solid #ED6D00; margin-right: 20px; color: #333; transition: all 0.5s ease; padding: 10px 20px;}
.pinjie-xx-lx .btn a{color: #666;font-weight: bold;padding: 0 10px; transition: all 0.5s ease;}
.pinjie-xx-lx .btn:hover{background: #fff;}
.pinjie-xx-lx .btn:hover a{color: #ED6D00;}
.cpxia{padding: 80px 80px 60px 80px; background: #fff; margin-bottom: 100px; box-shadow: 0px 0px 20px #f3f3f3; overflow: hidden;}
.cpxia dl{border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; overflow: hidden;}
.cpxia dl dd{float: left;margin: 0 25px; padding: 20px 0;}
.cpxia dl dd a{font-size: 18px; letter-spacing: 1px; cursor: pointer;}
.cpxia .tx_2{border-bottom: 3px solid #ed6d00;}
.cpxia .tx_1{}
.PrevNextBox dl{ border: none;}
.PrevNextBox dl dd{line-height: 36px;width: 100%; margin: 0; padding: 0;}
.PrevNextBox dl dd a{font-size: 15px;}
.cpxiangqing{font-size:16px; line-height: 32px; color:#333333; text-align: justify;}
.cpxiangqing img{max-width: 100%;}
.cpxiangqing h3{ font-size: 20px; font-weight: bold; line-height: 32px;}
.cpxiangqing table p{text-align:left;}
.chanpinnav{font-size: 18px; text-align: center; margin-bottom: 20px;border-bottom: 1px solid #ededed; background: #fff;line-height: 50px; z-index: 9999;}
.chanpinnav .nav-item{margin: 0 25px;display: inline-block;line-height: 40px;}
.chanpinnav .nav-item.active{border-bottom: 3px solid #ED6D00;}
.chanpinnav a:hover{cursor:pointer;}
.hh2{font-size: 20px; font-weight: bold;color: #242424;line-height: 50px;margin-top: 10px;}
.hook-item table{width:60%;margin:0 20%;}
.cpxiangqing .hookss p{text-indent: 35px;}
.cpxiangqing .hookss h3{text-indent: 35px;font-size:18px;line-height:26px;}
.pbfixed{position: relative;}
/**/
.page-aside {
position: fixed;
right: -6px;
bottom: 8%;
transform: translateX(100%);
z-index: 6;
opacity: 0;
transition: transform .3s, opacity .3s
}
.page-aside.show {
transform: translateX(0);
opacity: 1
}
.page-aside .img {
max-width: 100%
}
.page-aside-item {
width: 54px;
text-align: center;
height: 50px;
position: relative;
z-index: 1;
cursor: pointer;
display: block;
background-color: rgba(0, 0, 0, .5);
margin: 4px 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
padding-right: 6px;
transition: transform .3s;
display: flex;
align-items: center;
justify-content: center
}
.page-aside-item .icon {
width: 24px
}
.page-aside-item .iconfont {
font-size: 24px;
line-height: 50px;
color: #fff
}
.page-aside-item.sign .c-dropdown {
width: 160px;
font-size: 13px
}
.page-aside-item.sign .c-dropdown-main {
padding: 20px 16px 30px
}
.page-aside-item.sign .c-btn {
margin-top: 12px
}
.page-aside-item.ewma .c-dropdown {
width: 190px
}
.page-aside-item.tel .c-dropdown {
font-size: 18px;
font-family: DINPro, Arial, Helvetica, sans-serif;
white-space: nowrap
}
.page-aside-item.tel .c-dropdown-main {
padding: 10px 16px
}
.c-dropdown {
position: absolute;
z-index: 0;
opacity: 0;
visibility: hidden;
transition: opacity .3s, visibility .3s;
padding: 10px;
}
.c-dropdown:after,
.c-dropdown:before {
content: "";
position: absolute;
z-index: 1;
width: 0;
height: 0
}
.leftCenter{
left: 0;
padding: 20px;
top: 50%;
transform: translate(-100%, -50%)
}
.leftCenter:after,
.leftCenter:before {
right: 12px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 8px solid #ebeef5
}
.leftCenter:after {
right: 14px;
border-left: 7px solid #fff
}
.leftCenter:after,
.leftCenter:before {
top: 50%;
margin-top: -6px
}
.leftTop {
left: 0;
padding: 20px;
top: -20px;
transform: translateX(-100%)
}
.leftTop:after,
.leftTop:before {
right: 12px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 8px solid #ebeef5
}
.leftTop:after {
right: 14px;
border-left: 7px solid #fff
}
.leftTop:after,
.leftTop:before {
top: 40px
}
.c-dropdown-main, .c-dropdown-menu {
background-color: #fff;
position: relative;
}
.c-dropdown-wrap:hover .c-dropdown {
opacity: 1;
visibility: visible;
}
.c-dropdown-main {
border: 1px solid #ebeef5;
z-index: 0;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}
/**/
.slider-area:before {
position: absolute;
content: "";
right: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
background: rgba(0, 0, 0, 0.4);
}
.dreamit-slider-content::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0px;
top: 0px;
background: rgba(0, 96, 170, 0.70);
z-index: -1;
border-radius: 10px;
}
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6{color: #fff;}
.range {
display: flex;
flex-wrap: wrap;
}
.dreamit-slider-content h2 {
font-size: 70px;
font-weight: 700;
letter-spacing: 10px;
margin: 0 0 10px;
text-transform: uppercase;
color: #fff;
line-height: 140px;
}
.dreamit-slider-content.wten h2 {font-size: 90px;}
.dreamit-slider-content h3 {
font-size: 24px;
font-weight: 500;
margin: auto;
text-transform:uppercase;
letter-spacing: 1px;
display: block;
line-height: 1.4;
color: #fff;
}
.dreamit-slider-content-inner{text-align: center;}
.dreamit-slider-content-inner p{font-size: 18px;padding-bottom: 6px; border-bottom: 3px solid #ed6d00; display: inline-block; margin-bottom: 20px; color: #fff;}
.slider-button{margin-top: 20px;}
.slider-button a {
color:#fff;
display: inline-block;
background: transparent;
border: 2px solid #fff;
font-size: 17px;
padding: 18px 50px;
text-transform: capitalize;
transition:.5s;
}
.owl-carousel .owl-item .slider-button a img{display: inline-block; margin-left: 10px;}
.slider-button a:hover{
background:#AF0069 !important;
color:#fff;
border: 2px solid #AF0069 !important;
}
.slider-button .active {
color:#fff;
background:#AF0069 !important;
border: 2px solid #AF0069;
transition:.5s;
}
.slider-button .active:hover{
background:transparent !important;
border: 2px solid #fff !important;
}
.slider_list{overflow: hidden;}
.d-flex {
display: flex !important;
}
.align-items-center {
align-items: center !important;
}
.owl-nav {
position: relative;
}
.slider_list .owl-prev, .owl-next {
position: absolute;
top: -522px;
height: 50px;
width: 50px;
line-height: 50px;
border: 1px solid #fff;
text-align: center;
border-radius: 30px;
font-size: 25px;
color: #fff;
transition: .5s;
}
.slider_list .owl-next {
right: -58px;
}
.slider_list .owl-prev {
left: -58px;
}
.slider_list .owl-prev:hover {
background: #ed6d00;
color: #fff;
}
.slider_list .owl-next:hover{
background: #ed6d00;
color: #fff;
}
.slider_list:hover .owl-prev{
background: #38383861;
left:40px;
}
.slider_list:hover .owl-next{
background: #38383861;
right: 40px;
}
.slider_list a{width: 100%;height: 100%;}
.owl-item .slider2{}
.slider2 .dreamit-slider-content{}
.dreamit-slider-content .white h2{color: #fff;}
.dreamit-slider-content .white h3{color: #fff;}
.slider2 .slider-button a{background: none;}
.range .blog_page_title h3 {
line-height: 18px;
height: 42px;
}
.range .rongyu h3 a{font-size: 15px;font-weight: 400;}
.range .rongyu .single_blog_content{padding: 20px;}
.job_hp{ padding: 0 0 26px; width: 100%;}
.job_hp dd{ margin-bottom: 17px; background: #FFFFFF; }
.job_hp dd:last-child{ margin-bottom: 0; width: 100%;}
.job_box{ position: relative; height: 72px; cursor: pointer; width: 100%;}
.job_hp .txt{padding: 15px 0 20px 110px;}
.job_hp .txt .h6{width: 25%; font-size: 20px; font-weight: bold; color: #151e41;margin-top: 10px; margin-bottom: 8px; display: inline-block;}
.job_hp .txt .h6 i{margin-right: 10px;color: #ed6d00;}
.job_hp .txt .pp{display: inline-block; width: 60%;}
.job_hp .txt .pp span{display: inline-block; width: 50%; font-size: 16px;}
.job_hp .on{ border-bottom: 1px solid #eaeaea; }
.job_hp .content{ padding: 20px 110px 60px; display: none; }
.job_hp dd .content h3{font-size: 18px; color: #151e41; margin: 15px 0 0; line-height: 34px; }
.job_hp dd .content p{font-size: 15px; line-height: 26px; color: #5a5a5a; }
.job_hp .content .Delivery{ margin-top: 54px; display: block; padding: 0 0 0 21px; background: url(../images/icon5_06.jpg) no-repeat left; color: #242c4a; font-size: 12px; }
.job1 .numberbox{ margin: 70px 0 0; }
.job_hp .ico2 {
width: 94px;
height: 100%;
background: url(../images/jobon.png) no-repeat center;
position: absolute;
right: 0;
top: 0;
}
.job_hp .on .ico2 {
background: url(../images/job.png) no-repeat center;
}
.lxzp{background: #fff;box-shadow: 0px 3px 3px #e1e1e1; overflow: hidden; border-radius: 5px;padding: 60px;width: 100%; text-align: center; margin-bottom: 40px;}
.lxzp p{font-size: 18px;color: #222;}
.map{height: 550px;}
.lianxi-list{margin: 15px 0; padding: 20px; border: 1px solid #e5e5e5;border-radius: 5px; height: 240px;cursor: default;transition:all 0.5s ease;}
.lianxi-list h4{line-height: 36px;font-size: 18px;font-weight: 500;color:#333; }
.lianxi-list p{line-height: 28px;font-size: 14px;}
.lianxi-list.wten p{line-height: 24px;font-size: 14px;}
.lianxi-list:hover{background-image: linear-gradient(120deg, #ed6d0021 0%, #fff 100%);}
.lianxi-rigt{ overflow: hidden; margin-top: 60px;}
.lingyu_cont {position: relative; }
.lingyu_cont::before{content: ""; position: absolute; display: block; left: 66.6%; top: -70px; height: 100%; width: 100%; background: linear-gradient(#efefef, #fff); z-index: -1;}
.lingyu_cont .left{float: left; width: 66.6%; box-sizing: border-box; padding-right: 70px;}
.lingyu_cont .left .tit{font-size: 16px; line-height: 26px; padding-bottom: 30px; color: #777;}
.lingyu_cont .left .editor_con {font-size: 16px; line-height: 2;}
.lingyu_cont .left h1{color: #ed6d00; font-size: 24px; font-weight: bold; padding-bottom: 20px; text-align: center;}
.lingyu_cont .left h2 {margin: 10px 0; font-size: 20px; font-weight: bold; color: #ed6d00;}
.lingyu_cont .left h3 {margin: 8px 0; font-size: 18px; font-weight: bold; color: #ed6d00;}
.lingyu_cont .left img{max-width: 100%;}
.editor_con ul{padding: 15px 0 30px;}
.tuandui_list{ margin-top: 40px;}
.tuandui_list li{list-style: none; text-align: center;}
.tuandui_lista{display: block; background: #F7F7F7; margin-bottom: 20px; overflow: hidden; transition: 0.5s;}
.tuanduitit{font-size: 17px; font-weight: bold; letter-spacing: 1px; margin-top: 15px; line-height: 24px; text-align: center;}
.tuanduijj{display: inline-block;padding: 0 15px; line-height: 24px; font-size: 14px; border: 1px solid #999; border-radius: 20px; margin: 20px auto;}
.tuandui_lista:hover {
background-image: linear-gradient(138deg, #5394f1, #093B82);
color: #fff;
}
.tuandui-detail{ background: #ed6d00; overflow: hidden;}
.tuandui-dteail-right{ margin: 40px;}
.lingyu_cont .left .tuandui-dteail-right h1{font-size: 32px;font-weight: bold;line-height: 40px;letter-spacing: 3px; text-align: left; color: #fff;}
.tuandui-dteail-right p{line-height: 40px;font-size: 15px;letter-spacing: 1px; margin-bottom: 10px; border-bottom: 1px solid #456eaf; color: #fff;}
.tuandui-dteail-right p b{font-size: 16px; font-weight: bold;}
.tuandui_con p{color: #666;
font-size: 16px;
line-height: 1.625;}
.tuandui_con h3 {
font-size: 18px;
line-height: 26px;
color: #ed6d00;
font-weight: bold;
padding: 10px 0;
border-bottom: 1px solid #d7d7d7;
margin-bottom: 10px;
}
.zpxxnr {
margin-bottom: 50px;
}
.zpxxnr ul li {
width: 48%; margin: 0 1%;
display: block;
float: left;
padding-bottom: 20px;
}
.zpxxnr ul li a {
display: block;
border: 1px solid #EBEBEB;
height: 272px;
padding: 20px;
transition: all .3s;
-moz-transition: all .3s; /* Firefox 4 */
-webkit-transition: all .3s; /* Safari 和 Chrome */
-o-transition: all .3s; /* Opera */
}
.zpxxnr ul li a:hover {
box-shadow: 0 0 14px #cecaca;
transition: all .3s;
-moz-transition: all .3s; /* Firefox 4 */
-webkit-transition: all .3s; /* Safari 和 Chrome */
-o-transition: all .3s; /* Opera */
}
.zpxxnr ul li a:hover .nwsmor {
color: #fff;
border: 1px solid #0C4DA2 !important;
background: #0C4DA2;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.zpxxnr ul li a:hover .nwsmor b {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
right: 25px;
}
.nwsmor b {
font-weight: normal;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-moz-transform: rotate(45deg); /* Firefox */
-webkit-transform: rotate(45deg); /* Safari 和 Chrome */
-o-transform: rotate(45deg); /* Opera */
border-top: 1px solid #666;
border-right: 1px solid #666;
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 16px;
right: 30px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.zpwcl {
float: left;
width: 70%;
}
.zpwcl .zplbt {
font-size: 24px;
font-weight: bold;
color: #000;
display: block;
}
.zpwcl .zpljj {
font-size: 14px;
color: #585858;
display: block;
line-height: 54px;
}
.zpwcl .zpljj b {
font-weight: 100;
padding: 0 10px;
}
.zpwcl .zpljj2 {
display: block;
overflow: hidden;
margin-bottom: 20px;
}
.zpwcl .zpljj2 b {
display: block;
padding: 7px 10px;
background: #F5F5F5;
color: #8C8C8C;
border-radius: 3px;
float: left;
margin-right: 5px;
font-weight: normal;
}
.zpwcl .zpljj3 {
display: block;
font-size: 14px;
line-height: 24px;
color: #666;
width: 100%;
}
.zpwcr {
float: right;
width: 30%;
}
.zpwcr .wzpnm {
display: block;
height: 168px;
line-height: 138px;
text-align: right;
}
.zpwcr .nwsmor {
float: right;
display: block;
width: 150px;
border: 1px solid #666;
height: 42px;
line-height: 42px;
padding-left: 30px;
font-size: 14px;
color: #666;
border-radius: 3px;
position: relative;
}
.lingyu_cont .right .part2 dl{padding-bottom: 60px;}
.lingyu_cont .right .part2 dl:last-child{padding-bottom: 0;}
.lingyu_cont .right .part2 dt{border-bottom: 1px solid #c3cddd; color: #ed6d00; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.lingyu_cont .right .part2 dt i{position: relative; display: inline-block; padding-bottom: 10px; font-style: normal;}
.lingyu_cont .right .part2 dt i::before{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #e2a24a;}
.lingyu_cont .right .part2 li{padding-bottom: 25px;}
.lingyu_cont .right .part2 li:last-child{padding: 0;}
.lingyu_cont .right .part2 li a{color: #666; line-height: 22px; display: inline-block;}
.lingyu_cont .right .part2 li a:hover{color: #ed6d00;}
.lingyulist .yewu_list_li{box-shadow: 0px 0px 20px #f3f3f3;}
.lingyulist .yewu_list_li a{ height: 300px;}
.lingyulist .yewu_list_li i{margin-top: 80px;}
.xypg-detail-pn {
margin-top: 30px;
}
.xypg-detail-pn div {
margin-bottom: 10px;
background: #f5f5f5;
line-height: 35px;
padding: 0 20px;
position: relative;
}
.xypg-detail-pn div b {
font-size: 16px;
color: #333333;
float: left;
font-weight: normal;
}
.xypg-detail-pn div a {
width: 75%;
font-size: 14px;
color: #565656;
}
.xypg-detail-pn div a:hover {
color: #0088cf;
}
h1.title {
font-size: 22px;
font-weight: 600;
line-height: 48px;
text-align: center;
}
.headertop {
padding: 20px 0;
background: #fbfbfb;
}
.venus-menu {
width: 100%;
}
.venus-menu li {
width: 14%;
float: left;
text-align: center;
margin-top: 10px;
}
.venus-menu li a {
font-size: 18px;
line-height: 42px;
}
.venus-menu li a:hover {
color: #085fb0;
font-weight: 500;
}
.width30 {
width: 30%;
float: left;
background: url("../images/nab_bg.jpg") no-repeat;
background-size: cover;
}
.width70 {
width: 70%;
float: left;
}
.bgfff {
background: #fff;
overflow: hidden;
}
.width30 h3 {
text-align: right;
font-size: 35px;
line-height: 50px;
padding: 60px 30px 60px 0;
color: #fff;
}
.f9 {
background: #f9f9f9;
padding: 30px 0;
}
.f6 {
background: #f6f6f6;
padding: 30px 0;
}
.con_body h3 {
font-size: 16px;
line-height: 2.2em;
}
.con_body p {
line-height: 42px;
font-size: 16px;
}
/*footer*/
.bgf9{background: #f9f9f9;}
.xinwende{padding-top: 50px; padding-bottom: 100px;}
.footer{background: #f1f1f145;}
.footer-left{}
.footer-top{padding-top:80px;padding-bottom: 10px; }
.footer-left h4{display: block;line-height: 36px; margin-bottom: 15px;}
.footer-left-h4{margin-top: -14px;}
.footer-left h4 a{font-size: 18px; font-weight: bold; color: #333;}
.footer-left p a{font-size: 15px; color: #808080;line-height: 28px;}
.footer-left p a:hover{color: #ed6d00;}
.ewm img{ padding: 10px auto; zoom:0.9;}
.ewm {text-align: center;}
.code-p{ padding-left:0; font-size: 15px; line-height: 40px;color: #808080;}
.footer-h3{font-size: 18px;font-weight: 700;color: #333; margin-bottom: 25px; margin-top: 9px;}
.footer-h4{font-family: 'DoHyeon', sans-serif;font-size: 15px;font-weight: 500;line-height: 29px;color: #808080;}
.footer-h4 span{font-size: 15px; color: #808080;}
.footer-r-p{font-size: 15px;font-weight: 500;line-height: 48px;color: #333; margin-top: 8px;}
.footer-mz{margin-top: 40px;}
.footer-mz p{font-size: 13px; color: #a9a9a9;line-height: 20px;}
.footer-bq{border-top: 1px solid #a9a9a969; margin-top: 10px;}
.footer-bq p{line-height: 50px; text-align: center;font-size: 14px;}
.footer-bq p a:hover{color: #555;}
.footer-link{line-height: 24px; background: #f9f9f9;font-size: 12px;color: #d0d0d0;}
.footer-link a{display: inline-block;padding: 0 5px; line-height: 24px; color: #d0d0d0}
.footer-cp{background: #f9f9f9;}
.pagination>li {
display: inline;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
text-decoration: none;
background:none;
padding: 0;
border: none;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
z-index: 2;
color: #999;
background:none;
border-color: #ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
nav.for-pagination {
text-align: center;
margin-bottom: 50px;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination>li {
display: inline;
float: left;
line-height: 1.42;
border: 1px solid #ccc;
padding: 6px 12px;
margin: 0 0 0 5px;
}
.pagination>li.thisclass {
background: #ed6d00;
color: #fff;
margin-left: 0.75em;
}
.pagination>li.shouye {
padding: 6px 12px;
background: #fff;
color: #999;
border: 1px solid #ddd;
margin-left: 0.75em;
line-height: 1.42;
}
nav.for-pagination .pagination li.active a {
background-color: #334870;
border-color: #334870;
color: #fff;
}
nav.for-pagination .pagination li span {
color: #999;
}
nav.for-pagination .pagination li:nth-child(n+2) a {
color: #999;
}
.mianbaoxie{border-bottom: 1px solid #e3e4e4; line-height: 60px; background: #fff;}
.cp-tit{ width: 100%; background: url("../images/left-top.jpg") center no-repeat; background-size: cover;}
.cp-tit h3{line-height: 36px; margin-left: 20px; font-size: 30px; font-weight: bold;color: #fff; padding: 40px 0;}
.left-dl{ border: 1px solid #e3e4e4;}
.left-dl dd{line-height: 46px; font-size: 16px;padding-left: 20px; border-bottom: 1px solid #e3e4e4;}
.left-dl dd:last-child{border: none;}
.left-bottom{width: 100%; background: url("../images/left-bot.jpg") center no-repeat; background-size: cover; height: 239px;}
.left-bottom p{
text-align: center;
line-height: 18px;
color: #fff;
font-size: 18px;
padding-top: 106px;
display: block;}
.tel400 {
font-family: "Impact";
line-height: 55px;
width: 100%;
margin-top: 8px;
text-align: center;
font-size: 33px;
color: #FFF;
}
.left-lianxi{border: 1px solid #e3e4e4;}
.left-lianxi-tit h3{padding: 20px;color: #fff;font-size: 20px; width: 100%; background: url("../images/left-tit.jpg") center no-repeat; background-size: cover;}
.left-lianxi p{ margin: 0 20px; line-height: 26px;}
.left-lianxi p img{text-align: center;}
.fangan-list{margin-top: 100px; margin-bottom: 100px;}
.fangan-list .fangan{position: relative; padding-top: 70px; padding-bottom: 70px;border-bottom: 1px solid #ddd; background: none; overflow: hidden; transition: all 0.3s;}
.fangan h2 a{font-size: 32px; color: #333; line-height: 45px; margin-bottom: 10px; display: inline-block;letter-spacing: 1px;}
.fangan p{color: #333;font-size: 15px; letter-spacing: 1px; line-height: 28px; margin-bottom: 20px; cursor: default;}
.fanganimg{position: absolute;z-index: -1; top:500px; left: 0;width: 100%; height: 100%;}
.fangan-list .fangan:hover .fanganimg{top: 0; transition: all 0.3s;mix-blend-mode: darken; }
.fangan-list .fangan:hover h2 a{color: #fff;}
.fangan-list .fangan:hover p{color: #fff;}
.pb100{ margin-top: 50px;}
.xiazai{}
.xiazai-1{background: #f9f9f9;font-size: 16px;line-height: 32px;padding: 0 0 0 10px; margin-bottom: 30px; overflow: hidden;}
.xiazai-1 a.xiaza{font-size: 18px; display: block; margin-top: 10px; margin-bottom: 10px;}
.xiazai-1 i{ }
.xiazai-1 img{max-width: 100%;max-height: 100%;}
.xwright .single_blog .single_blog_content{padding: 15px;}
.xwright .single_blog .single_blog_content .blog_page_title{overflow: hidden;}
.xwright .single_blog .single_blog_content .blog_page_title a{display: block; font-size: 18px; line-height: 24px; font-weight: 500;}
.xwpding {
display: inherit;
padding: 80px 100px;
margin-bottom: 10px;
box-shadow: 0px 5px 10px 0px #dddddd33;
}
.xwpdingr{
display: inherit;
padding: 60px 25px 30px 25px;
margin-bottom: 10px;
box-shadow: 0px 5px 10px 0px #dddddd33;
}
.shangxia dl{}
.shangxia dl dd{border: 1px solid #ebebeb;padding: 10px; margin-bottom: 25px; overflow: hidden;}
.shangxia dl dd .p1{line-height: 36px;font-size: 20px;font-weight: 300; cursor: pointer;}
.shangxia dl dd .p2{line-height: 26px;font-size: 15px;}
.shangxia dl dd i{margin-right: 5px;}
.neibanner{background: url(../images/nei.jpg) bottom center no-repeat; background-size: cover; text-align: center;}
.neibanner h4{margin-top: 50px;margin-bottom: 30px; font-size: 48px; color: #222; letter-spacing: 2px;font-weight: 500;}
.neibanner a{display: inline-block; font-size: 18px; margin-bottom: 60px; padding: 16px 45px; border-left: 5px solid #ED6D00; background: #fff;box-shadow: 5px 5px 5px #ddd; transition: all 0.3s;}
.neibanner a:hover{box-shadow: 5px 5px 5px #ddd; background: #ED6D00; color: #fff;}
.newText{clear: both;}
.newText .H1{font-size:24px; color:#333333; text-align: center;}
.newTextDiv{border-bottom:1px solid #d7d8d8; padding:9px 0; margin: 0px 0 40px 0; text-align: center;}
.newTextDiv .H2{font-size:14px; color:#777777; margin-right:0.83%; display: inline-block; line-height: 34px; letter-spacing: 0.5px;}
.newTextCon{font-size:16px; line-height: 32px; color:#333333; text-align: justify;}
.newTextCon img{max-width: 100%;}
.newTextCon h3{ font-size: 20px;
font-weight: bold;
line-height: 32px;}
.xinwen-list{}
.xinwen-list dl dd{ display: block;padding: 30px 0; border-bottom: 1px solid #e3e4e4; overflow: hidden;}
.xinwen-list dl dd .time{width:9.76%; float:left; position: relative; padding-top:10px;}
.xinwen-list dl dd .time::after{width:30px; height: 2px; content: ""; background-color:#d9d9d9; position: absolute; top:22px; right:0;}
.xinwen-list dl dd .time .H4{font-size:44px; font-family: Arial; font-weight: bold; color:#1A7BBE; line-height: 40px; }
.xinwen-list dl dd .time .H5{font-size:16px; color:#999999;font-family: Arial; margin: 12px 0;}
.xinwen-list dl dd .time .ico{width:24px; height: 12px; line-height: 0; display: block;}
.xinwen-list dl dd .text{width:87%; float:left; margin-left:2.4%;}
.xinwen-list dl dd .text .H4{font-size:18px; color:#333333; padding:14px 0 23px 0;}
.xinwen-list dl dd .text .p{font-size:14px; color:#999999; line-height: 26px; height:78px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.xinwen-list dl dd .list:hover .H4{color:#1A7BBE;}
.chanpin-list{background: #F5F5F5;padding: 20px;}
.chanpin-list ul{width: 100%;}
.chanpin-list .list{float:left; width:31.76%; margin:0 2.36% 30px 0; background-color:#fff;}
.chanpin-list .list:nth-child(3n){margin-right:0;}
.chanpin-list .box .img{width:100%; padding-bottom:100%; position: relative; overflow: hidden;}
.chanpin-list .box .img img{width:100%; height: 100%; position: absolute;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.chanpin-list .box .text{border:1px solid #e7e7e7; padding:30px 15px;}
.chanpin-list .box .text .H4{font-size:16px; color:#282d28; height: 18px;line-height: 18px; overflow: hidden;}
.chanpin-list .box .text .line{width:68px; height: 2px; display: block; background-color:#1A7BBE; margin: 20px 0; position: relative;}
.chanpin-list .box .text .line::after{width:25px; height: 2px; background-color:#afafaf; position: absolute; top:0; left:76px; content: "";}
.chanpin-list .box .text .more{font-size:12px; color:#666666; font-family: Arial; text-transform: uppercase;}
.chanpin-list .list:hover .img img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);}
.chanpin-list .list:hover .H4{color:#1A7BBE;}
.lingyu_cont .left{padding-right: 10px;}
/*****************************************************************************************************************************/
@media (max-width: 1920px) {
.display-pc{display: block;}
.display-600 {display: none; }
}
@media (max-width: 1600px){
.screen {padding: 0 9%;}
.wrap{width: 1200px; }
.slider1{height: 795px;}
.hp-product {
padding-top: 60px;
padding-bottom: 60px;
}
.hp_pro_three_content h4 a{font-size: 16px;}
.hp_pro_three_content span a{font-size: 14px; line-height: 30px;}
.hp-fangan { padding-top: 60px; padding-bottom: 80px;}
.hp-fangan .flex-control-nav{bottom: 60px;}
.hp-news { padding-top: 60px; padding-bottom: 60px;}
.hp-news-right dl dd p {
height: 65px;
overflow: hidden;
}
.footer-left p a{font-size: 13px;}
.footer-h4 span{font-size: 13px;}
.code-p{font-size: 13px;}
.footer-h3{font-size: 20px;}
.footer-h4{line-height: 35px;}
.code-p{line-height: 25px;}
.xinwende{padding-top: 50px; padding-bottom: 50px;}
.neibanner h4{font-size: 32px;}
.neibanner a {padding: 10px 26px;}
.range .rongyu h3 a {font-size: 14px;}
.job_box {height: 68px;}
.lianxi-rigt{margin-top: 10px;}
.blog_page_title h3{font-size: 16px;}
.blog_page_title h3{font-weight: 400;}
.xwpding{padding: 60px;}
.xwright .single_blog .single_blog_content .blog_page_title a{font-size: 16px;}
.newTextCon{font-size: 15px;}
.pagination a {padding: 6px 11px;}
a.main-logo{margin-top: 15px;}
.dreamit-header-menu ul li {margin: 0 9px;padding-left: 18px;padding-right: 18px;}
.dreamit-header-menu ul li .sub-menu{left: -22px;}
.dreamit-header-menu ul li .chanpin-dh h3 a{font-size: 15px;}
.item_box .t{font-size: 16px; height: 40px;overflow: hidden;}
.item_box .c{ margin-top: 10;}
.item_box{padding: 25px 25px 25px;}
.item_box .date .day{font-size: 25px;line-height: 16px;}
.item_box .date{padding-top:20px;margin-top: 15px; }
.stiky-logo{margin-top: 15px;}
.blog_description p{height: 66px;line-height: 23px;}
.single_blog_content{padding: 31px; height:255px;}
}
@media (max-width: 1440px){
.screen {padding-left: 7%;padding-right: 7%;}
.wrap{width: 1200px; }
.slider1{height: 715px;}
.hp-product {
padding-top: 60px;
padding-bottom: 60px;
}
.hp_pro_three_content h4 a{font-size: 14px;}
.hp_pro_three_content span a{font-size: 14px; line-height: 30px;}
.hp-fangan { padding-top: 60px; padding-bottom: 80px;}
.hp-fangan .flex-control-nav{bottom: 60px;}
.hp-news { padding-top: 60px; padding-bottom: 60px;}
.hp-news-right dl dd p {
height: 65px;
overflow: hidden;
}
.hp-news-right dl{padding-bottom: 23px;}
.footer-left .mm5{padding: 0 0 0 0.5rem; overflow: hidden;}
.footer-left p a{font-size: 13px;}
.footer-h4 span{font-size: 13px;}
.code-p{font-size: 13px;}
.footer-h3{font-size: 20px;}
.footer-h4{line-height: 35px;}
.code-p{line-height: 39px;}
.xinwende{padding-top: 25px; padding-bottom: 25px;}
.neibanner h4{font-size: 32px;}
.neibanner a {padding: 10px 26px;}
.range .rongyu h3 a {font-size: 14px;}
.job_box {height: 68px;}
.lianxi-rigt{margin-top: 10px;}
.blog_page_title h3{font-size: 16px;}
.blog_page_title h3{font-weight: 400; line-height: 26px; height:60px;}
.xwpding{padding: 60px;}
.xwright .single_blog .single_blog_content .blog_page_title a{font-size: 16px;}
.newTextCon{font-size: 15px;}
.pagination a {padding: 6px 11px;}
a.main-logo{margin-top: 7px;}
.dreamit-header-logo{margin: 6px 0 10px 5px;}
.dreamit-header-logo a img{zoom:0.75;}
.dreamit-header-menu ul li a{margin: 20px 0;}
.range .rongyu .single_blog_content{padding: 14px;}
.lianxi-list{height: 210px;}
.dreamit-header-menu ul li {margin: 0 14px;padding-left: 10px; padding-right: 10px;}
.dreamit-header-menu ul li .sub-menu {
left: -35px;
}
.single_blog_content.indexn {
height: 269px;
}
.cpjieshao h1{font-size:28px;}
.dreamit-header-menu ul li .chanpin-dh h3 a{font-size: 14px;}
.header-area .dreamit-header-menu li.sousuo{margin-top: 23px;}
.header-search .form{padding: 10px 20px;height: 65px;}
.slider_list .owl-prev, .owl-next{top: -382px;}
.item_box .t{font-size: 16px; height: 40px;overflow: hidden;}
.item_box .c{ margin-top: 10;}
.item_box{padding: 25px 25px 25px;}
.item_box .date .day{font-size: 25px;line-height: 16px;}
.item_box .date{padding-top:20px;margin-top: 15px; }
.stiky-logo{margin-top: 7px;}
.blog_description p{height: 66px;line-height: 23px;}
}
@media (max-width: 1366px){
.screen {padding-left: 7%;padding-right: 7%;}
.wrap{width: 1200px; }
.slider1{height: 678px;}
.hp-product {
padding-top: 60px;
padding-bottom: 60px;
}
.hp_pro_three_content h4 a{font-size: 13px;}
.hp_pro_three_content span a{font-size: 12px; line-height: 30px;}
.hp-fangan { padding-top: 60px; padding-bottom: 80px;}
.hp-fangan .flex-control-nav{bottom: 60px;}
.hp-news { padding-top: 60px; padding-bottom: 60px;}
.hp-news-right dl dd p {
height: 48px;
overflow: hidden;
}
.single_blog_content.indexn {
height: 226px;
}
.hp-news-right dl{padding-bottom: 19px;}
.footer-left .mm5{padding: 0 0 0 0.5rem; overflow: hidden;}
.footer-left p a{font-size: 13px;}
.footer-h4 span{font-size: 12px;}
.code-p{font-size: 13px;}
.footer-h3{font-size: 18px;}
.footer-h4{line-height: 35px;}
.code-p{line-height: 50px;}
.xinwende{padding-top: 25px; padding-bottom: 25px;}
.neibanner h4{font-size: 32px;}
.neibanner a {padding: 10px 26px;}
.range .rongyu h3 a {font-size: 13px;}
.job_box {height: 68px;}
.lianxi-rigt{margin-top: 10px;}
.blog_page_title h3{font-size: 14px;font-weight: 400; height:36px;line-height:18px;}
.canshu12 p{font-size:12px; line-height:24px;}
.xwpding{padding: 60px;}
.xwright .single_blog .single_blog_content .blog_page_title a{font-size: 13px;}
.newTextCon{font-size: 15px;}
.pagination a {padding: 6px 11px;}
a.main-logo{margin-top: 7px;}
.dreamit-header-logo{margin: 6px 0 10px 5px;}
.dreamit-header-logo a img{zoom:0.75;}
.dreamit-header-menu ul li a{margin: 20px 0;}
.range .rongyu .single_blog_content{padding: 10px;}
.lianxi-list{height: 200px;}
.blog_description p {
line-height: 20px;
height: 60px;
font-size: 12px;}
.newText .H1{font-size:18px;line-height:26px;}
.single_blog_content{padding:35px 25px;}
.single_blog_content.indexn {padding: 38px 20px;}
.dreamit-header-menu ul li a{font-size: 15px;}
.dreamit-header-menu ul li .sub-menu ul li a{padding: 3px 0;font-size: 12px;}
.cpjieshao h1{font-size: 24px;line-height: 32px;}
.dreamit-header-menu ul li .sub-menu.sub-chapin{top: 65px;}
.dreamit-header-menu ul li {margin: 0 10px;}
.dreamit-header-menu ul li .chanpin-dh h3 a{font-size: 12px;}
.dreamit-header-menu ul li .chanpin-dh .chanpin-cdh dd a{font-size: 12px;}
.header-area .dreamit-header-menu li.sousuo{margin-top: 23px;}
.header-search .form{padding: 10px 20px;height: 65px;}
.dreamit-header-menu ul li .sub-menu{width: 128px;}
.dreamit-header-menu ul li .sub-menu { left: -23px;}
.item_box .t{font-size: 14px; height: 40px;overflow: hidden;}
.item_box .c{font-size: 12px; margin-top: 0;}
.item_box{padding: 25px 25px 25px;}
.item_box .date .day{font-size: 25px;line-height: 16px;}
.item_box .date{padding-top:11px;margin-top: 12px; }
.stiky-logo{margin-top: 7px;}
.cpxiangqing{font-size:12px;line-height:24px;}
.cpxiangqing .hookss h3{font-size:15px;}
}
@media (max-width: 1000px) {
.page-aside.show{opacity: 0;}
.display-pc {display: none; }
.display-600 {display: block; }
.not-display-pc{display: block;}
.not-display-600 {display: none; }
.slider1{height: 196px;}
.dreamit-slider-content::before{position: inherit;}
.dreamit-slider-content h3{font-size: 20px;}
.dreamit-slider-content h2{font-size: 25px; line-height: 36px; margin-bottom: 10px;}
.slider-button a{padding: 8px 24px;}
.slider_list:hover .owl-prev{left: 20px;}
.slider_list .owl-prev, .owl-next{ top: -320px; height: 30px; width: 35px; line-height: 30px;}
.slider_list:hover .owl-next{right: 20px;}
.index-about{padding: 0 10px 80px 10px;}
.index-about .index-btn{display: none;}
.main{overflow: hidden;margin: 70px 0 10px 0;}
.wrap{width: 100%;}
.lingyu_cont .left{width: 100%; padding: 0 5%;}
.tet p{text-indent: 0; margin-top: 5px;}
.lingyu_cont .left h1{padding-bottom: 6px;}
.cp-rongyu ul li{width: 95%;}
.tuandui-dteail-right p{margin-bottom: 0; line-height: 30px; font-size: 14px;}
.tuandui-dteail-right {margin: 20px;}
.tuandui_con p{font-size: 15px;}
.lingyu_cont .left .tuandui-dteail-right h1 {font-size: 28px;}
.news_listul .li{width: 100%;}
.news_lista{padding: 20px 12px 20px 15px;}
.lingyu_cont .left h1 {font-size: 20px; line-height: 30px;}
.newTextDiv {margin: 15px 0 15px 0;}
.newTextDiv .H2{line-height: 24px;}
.xrtrn{padding-left: 15px; padding-right: 15px;}
.zpxxnr ul li{width: 98%;}
.zpwcl{width: 100%;}
.zpxxnr ul li a{height: auto; overflow: hidden;}
.zpwcl .zpljj {line-height: 20px;margin-top: 15px;}
.contact {margin-top: 40px;}
.hp-index-titt dl dd{width: 44%;float: left;border: 1px solid #e9e9e9; margin-bottom: 12px; float: left; border-radius: 5px;text-align: left;}
.hp-news-right dl dd h2 a{font-weight: 400;}
.hp-index-titt dl dd a {font-size: 15px;}
.fast-nav-resp {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
height: 58px;
background-color: #ffffff;
z-index: 11;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
transition: all 0.4s;
}
.fast-nav-resp .item {
width: 20%;
text-align: center;
position: relative;
}
.fast-nav-resp .item img {
height: 20px;
}
.fast-nav-resp .item p {
font-size: 9px;
margin-top: 5px;
}
.fast-nav-resp .item .badge1 {
position: absolute;
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #E60113;
color: #fff;
text-align: center;
line-height: 12px;
font-size: 9px;
top: -4px;
left: calc(50% + 12px);
font-weight: bold;
}
.fast-nav-resp.active {
right: 0;
}
.footer-bq{margin-top: 0;}
.footer-bq p{margin-bottom: 65px;line-height: 26px;padding: 10px 30px;margin-top: 10px;}
.xwpding{padding: 30px 20px;}
.neibanner h4 { font-size: 20px;}
.xiazai-1 a.xiaza {font-size: 13px;height: 32px;overflow: hidden;}
.pb100{margin-top: 45px;}
.cpshang{padding: 20px;}
.pinjie-xx-img{width: 100%;margin-left: 0;}
.pinjie-xx-lx .btn{padding: 10px 3px;margin-right: 4px;}
.pinjie-xx-lx .btn a {padding: 0 5px;}
.cpxia{padding: 20px;}
.sub-menu-w {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
left: 0;
top: 0;
z-index: 9999;
overflow-y: scroll;
padding-bottom: 40px;
display: none;
}
.sub-menu-w .btn-close {
width: 56px;
height: 56px;
right: 0;
top: 0;
position: absolute;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.sub-menu-w .btn-close img {
width: 12px;
}
.sub-menu-w .menu-w {
padding: 65px 40px 0;
}
.sub-menu-w .menu-w .menu-l {
width: 100%;
text-align: center;
border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}
.sub-menu-w .menu-w .menu-l .mtt, .sub-menu-w .menu-w .menu-l .mtt a {
color: #fff;
font-size: 15px;
line-height: 24px;
font-weight: bold;
padding: 9px 0;
}
.sub-menu-w .menu-w .menu-l:last-child {
border-bottom: none;
}
.sub-menu-w .menu-w .menu-l .sub-menu {
border-top: 1px rgba(255, 255, 255, 0.8) solid;
padding: 8px 0;
display: none;
}
.sub-menu-w .menu-w .menu-l .sub-menu a {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 11px;
line-height: 16px;
padding: 5px 0;
}
.topbar {
height: 56px;
}
.topbar .logo-w {
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 56px;
background-color: #fff;
}
.topbar .logo-w .logo-ww {
width: 100%;
height: 56px;
float: left;
display: flex;
justify-content: left;
align-items: center;
}
.topbar .logo-w .logo-ww img {
height: 30px;
margin-left: 10px;
}
.topbar .logo-w.ylw {
background-color: #fff;
}
.topbar .navs-w {
position: fixed;
top: 0;
right: 0;
z-index: 10;
height: 56px;
background-color: #333;
}
.topbar .navs-w .menu-opener {
width: 56px;
height: 56px;
float: left;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.topbar .navs-w .menu-opener img {
width: 14px;
}
.topbar .navs-w .phone {
width: auto;
height: 56px;
float: left;
border-right: 1px rgba(0, 0, 0, 0.1) solid;
padding: 0 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.topbar .navs-w .phone img {
width: 19px;
margin-right: 10px;
}
.topbar .navs-w .phone span {
font-weight: bold;
font-size: 21px;
}
.topbar .menu-w {
position: fixed;
top: 0;
right: 0;
z-index: 10;
width: 0;
height: 56px;
overflow: hidden;
transition: all 0.5s;
border-left: 1px rgba(0, 0, 0, 0.1) solid;
}
.topbar .menu-w .menu-ww {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-left: 25px;
width: 100%;
height: 100%;
background-color: #333;
}
.topbar .menu-w .menu-ww .menus {
padding-right: 35px;
}
.topbar .menu-w .menu-ww .menus .item {
padding: 0 22px;
line-height: 56px;
font-size: 12px;
color: #000;
cursor: pointer;
font-weight: bold;
position: relative;
display: inline-block;
height: 56px;
float: left;
}
.topbar .menu-w .menu-ww .menus .item:after {
content: ' ';
height: 3px;
width: 100%;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
transition: opacity 0.4s;
}
.topbar .menu-w .menu-ww .menus .item.active:after, .topbar .menu-w .menu-ww .menus .item:hover:after {
opacity: 1;
}
.topbar .menu-w .menu-ww .close-w {
width: 56px;
height: 56px;
float: left;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: #fff;
}
.topbar .menu-w .menu-ww .close-w img {
height: 10px;
}
.topbar .menu-w.active {
opacity: 1;
width: calc(100% - 196px);
}
.pagination>li {padding: 1px 7px;}
.hp-case .slides .con {
bottom: 0;
padding: 9% 10px 0
}
.hp-case .slides .font {
font-size: 20px;
line-height: 30px;
margin-top: 33px
}
.hp-case {
padding: 22px 0 0 0
}
.hp-case-list {
padding-bottom: 50px
}
.hp-case .flex-control-nav {
bottom: 5px
}
.hp-case-title{
font-size: 16px;
line-height: 36px;
margin-bottom: 12px
}
.hp-case-list .flex-direction-nav a {
width: 25px;
height: 25px;
margin: -15px 0 0
}
.hp-case .slides .font {
font-size: 16px;
line-height: 30px;
margin-top: 33px
}
.hp-case .slides .con {
padding: 9% 30px 0
}
.hp-fangan .w1400{width: 100%;margin: 0;}
.hp-fangan .slides .con{bottom: -65%;background: none;}
.hook-item table{width:100%;margin:0;}
.cpjieshao h1{margin-top:10px;font-size:18px;}
.pinjie-xx-zy {line-height:26px;}
.cpxiangqing{font-size: 15px;line-height:26px;}
.anlih2 {font-size:22px; letter-spacing:1px;}
.anlih3{font-size:18px;}
.single_blog_content{padding:15px 25px;}
.slider_list .owl-dots{bottom: 10px; left: 36%;}
}